<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./style.css" />
  </head>
  <body>
    <div class="login">
      <p>京东不会以任何理由要求您转账，谨防诈骗。</p>
      <nav>
        <span>扫码登录</span>
        <span>账户登录</span>
      </nav>
      <div class="form">
        <div>
          <span></span
          ><input type="text" placeholder="邮箱/用户名/已验证手机" />
        </div>
        <div><span></span> <input type="password" placeholder="密码" /></div>

        <p>忘记密码</p>
        <button>登录</button>
      </div>
      <footer>
        <div><span>QQ</span>|<span>微信</span></div>
        <div style="cursor: pointer">立即注册</div>
      </footer>
    </div>
  </body>
</html>
